<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body><!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>制作用户中心页面</title>
    </head>
    <body>
       <h4>1.内边距属性</h4>
        <h4>padding：上[右 下 左]</h4>
        <h4>2.外边距属性</h4>
        <h4>margin：上[右 下 左]</h4>
        <h4>1.2.中 上（属性-top） 右（属性-right） 下（属性-bottom） 左（属性-left)</h4>
        <h4>3.盒子的宽与高</h4>
        <h4>盒子宽度=width值+左右内边距值+左右边框宽度值+左右外边距值<br>
        盒子高度=height值+上下内边距值+上下边框宽度值+上下外边距值</4><!DOCTYPE html>
制作背景拼图页面
        <h4>1.设置背景颜色</h4>
        <h4>格式：X{background-color:}</h4>
        <h3>2.设置背景图像</h3>
        <h4>格式：X{background-image：url（相对路径）}</h4>
        <h4>3.设置背景图像平铺</h4>
        <h4>格式：X{background-repeat：（no-repeat、repeat-x、repeat-y）}</h4>
        <h4>4.设置背景图像的位置</h4>
        <p>格式：X{background-position：属性值1 属性值2；}（属性值1是水平，属性值2是垂直；可用不同单位的数值、方位名词、百分比）</p>
        <h4>5.设置背景图像固定</h4>
        <h4>格式：X{background-attachment:属性值；（属性只有两个：scroll：随页面一起滚动，fixed：不随页面一起滚动）</h4>
        <h4>6.设置背景的显示区域/裁剪区域</h4>
        <h4>格式：X{background-origin/clip：属性值；（属性值有三个：padding-box，border-box，content-box）}</h4>
        <h4>7.设置多重背景图像</h4>
        <h4>X{background-image：url（相对路径），url（相对路径），...url（相对路径）；}</h4>

          <h3>制作音乐模块</h3>
          <ul>(1)认识盒子模型基本结构
              <li>内容</li>
              <li>宽度（width）</li>
              <li>高度（height）</li>
              <li>内边距（padding）</li>
              <li>边框（border）</li>
              <li>外边距（margin）</li>
          </ul>
          <ol>(2)<div>标签
              <p>它是为了完成网页的布局</p>
              <!-- 相当于一个小盒子将它包括起来了 -->
          </ol>
              <dl>（3）边框属性
                  <dt>边框样式</dt>
                  <dd>格式：border-style：上[右 下 左]</dd>
                  <!-- 常用属性值：solid（单实线），dashed（虚线），dotted（点线），double（双实线） -->
                  <dt>边框宽度</dt>
                  <dd>格式：border-width：上[右 下 左]</dd>
                  <dt>边框颜色</dt>
                  <dd>格式：border-color：上[右 下 左]</dd>
                  <dt>边框综合属性</dt>
                  <dd>格式：border：样式 宽度 颜色</dd>
                  <dt>圆角边框</dt>
                  <dd>格式：border-radius：参数1/参数2</dd>
                  <!-- 参数1为左上和右下，参数2为右上和左下，全部设置则是四角 -->
                  <dt>图片边框</dt>
                  <dd>格式：border-images</dd>
                  <!-- 有五个属性 1.border-image-source 2.border-image-slice 3.border-image-width 4.border-image-outset 5.border-image-repeat -->
              <

	</body>
</html>
